
function showWarning(message) {
    const alertBox = document.createElement('div');
    alertBox.textContent = message;
    // 设置样式
    alertBox.style.position = 'fixed'; // 定位方式
    alertBox.style.top = '6%'; // 距离顶部的距离
    alertBox.style.left = '50%'; // 距离左边的距离
    alertBox.style.transform = 'translate(-50%, 0)'; // 居中
    alertBox.style.backgroundColor = '#f8d7da'; // 背景颜色
    alertBox.style.color = '#721c24'; // 字体颜色
    alertBox.style.padding = '10px'; // 内边距
    alertBox.style.border = '1px solid #f5c6cb'; // 边框样式
    alertBox.style.borderRadius = '5px'; // 边框圆角
    alertBox.style.zIndex = '1000'; // 层级
    alertBox.style.width = 'auto'; // 默认宽度
    alertBox.style.height = 'auto'; // 默认高度
    alertBox.style.boxShadow = '0 4px 8px rgba(0, 0, 0, 0.1)'; // 阴影效果
    alertBox.style.opacity = '1'; // 透明度
    alertBox.style.transition = 'opacity 0.5s'; // 过渡效果
    document.body.appendChild(alertBox);

    setTimeout(() => {
        document.body.removeChild(alertBox);
    }, 1000); // 3000毫秒后自动关闭
}

function showInfo(message) {
    const alertBox = document.createElement('div');
    alertBox.textContent = message;
    // 设置样式
    alertBox.style.position = 'fixed'; // 定位方式
    alertBox.style.top = '6%'; // 距离顶部的距离
    alertBox.style.left = '50%'; // 距离左边的距离
    alertBox.style.transform = 'translate(-50%, 0)'; // 居中
    alertBox.style.backgroundColor = 'rgb(204,250,213)';
    alertBox.style.color = '#3f774b';
    alertBox.style.padding = '10px'; // 内边距
    alertBox.style.border = '1px solid #f5c6cb'; // 边框样式
    alertBox.style.borderRadius = '5px'; // 边框圆角
    alertBox.style.zIndex = '1000'; // 层级
    alertBox.style.width = 'auto'; // 默认宽度
    alertBox.style.height = 'auto'; // 默认高度
    alertBox.style.boxShadow = '0 4px 8px rgba(0, 0, 0, 0.1)'; // 阴影效果
    alertBox.style.opacity = '1'; // 透明度
    alertBox.style.transition = 'opacity 0.5s'; // 过渡效果
    document.body.appendChild(alertBox);


    setTimeout(() => {
        document.body.removeChild(alertBox);
    }, 1000); // 3000毫秒后自动关闭
}